body {
    background-color: var(--themeColor);
}

.main {
    padding-top: 1.7rem;
}

.main .middle {
    background-color: var(--ff);
    border-radius: .2rem;
}

.main .middle .bg-f6 {
    background: #F6F8FA;
    border-radius: .20rem .2rem 0 0;
}

.main .middle .col {
    border-bottom: 1px solid var(--f6);
}

.main .middle .col .top {
    font-weight: 500;
    font-size: var(--default-font-size-26);
    color: var(--dcl);
    margin-bottom: .27rem;
}

.main .middle .col .top .icon {
    width: .44rem;
    height: .44rem;
    margin-right: .1rem;
}

.main .middle .col .bottom > input {
    font-size: var(--default-font-size-28);
}

.main .middle .col .text {
    font-weight: 400;
    font-size: var(--default-font-size-28);
    color: var(--c9);
}

.main .middle .col:last-child {
    border-bottom: none;
}

.main .middle .diff {
    color: var(--bd);
    margin-left: .1rem;
}

.main .btn {
    margin-top: .6rem;
}

.main .tips {
    display: none;
}
